<extend name="Layout:layout_content" />
<block name="head_after">
    <style type="text/css">
        h1 { font-size:30px; margin:10px 0 20px 0; color:#F60; font-weight:bold;}
        .graph { float:left; width:600px; height:300px;}
    </style>
</block>
<block name="body_before">
    <script src="__SCRIPT__JSCharts3/sources/jscharts.js" type="text/javascript"></script>
</block>
<block name="body_main">
    <div class="grid-parent xsui-page-header">
        <div class="grid-60 mobile-grid-100 grid-parent">
        </div>
        <div class="grid-40 mobile-grid-100 grid-parent xsui-text-right">&nbsp;</div>
    </div>
    <div class="ui-tabs ui-widget ui-widget-content">
        <ul class="ui-tabs-nav ui-helper-clearfix ui-widget-header">
            <foreach name="groups" item="vo">
                <li class="ui-state-default ui-corner-top"><a href="{:U('data_analysis_list','group='.$vo['id'].'&store_id='.$search['store_id'])}" class="ui-tabs-anchor" >{$vo.text}</a></li>
            </foreach>
            <li class="ui-state-default ui-corner-top ui-state-active"><a href="{:U('tourist_origin_analysis_list','store_id='.$search['store_id'])}" class="ui-tabs-anchor" >客源地</a></li>
        </ul>
    </div>
    <div class="xsui-page-header xsui-input-group" style="margin-top:10px;">
        <form method="get">               
            开始日期：<input type="text" name="date_start" class="datepicker" size="10" placeholder="开始日期" value="{$search.date_start}" />
            结束日期：<input type="text" name="date_end" class="datepicker" size="10" placeholder="结束日期" value="{$search.date_end}" />
            {$title}：{$combobox}
            <button type="submit" class="ui-state-default"><i class="fa fa-search"></i>搜索</button>
            <input type="hidden" name="store_id" value="{$search.store_id}" />                 
        </form>
    </div>
    <div id="grid-container">
        <h1>{$store_data.title}-客源地统计分析报表</h1>
        <div style="max-height:560px; width:1250px; overflow: auto;">
            <table class="xsui-table xsui-table-striped xsui-table-hover xsui-table-bordered" data-xsui-options="multipleSelect:false">
                <thead>
                    <tr>
                        <th>客源地</th>
                        <th>{$store_data['sale_title1']}(元/人)</th>
                        <th>{$store_data['sale_title2']}(元/人)</th>
                        <th>{$store_data['sale_title3']}(元/人)</th>
                        <th>总额(元/人)</th>
                    </tr>
                </thead>
                <tbody>
                <foreach name="list" item="vo">
                    <tr data-key="{$vo.id}">
                        <td>{$vo.tourist_origin}</td>
                        <td>{$vo.sichou_amount}</td>
                        <td>{$vo.sijin_amount}</td>
                        <td>{$vo.baihuo_amount}</td>
                        <td>{$vo.product_amount}</td>
                    </tr>
                </foreach>
                </tbody>
            </table>
        </div>
    </div>
</block>
<block name="body_after">
    <script type="text/javascript">
    </script>
</block>